<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>search</title>
</head>
<body>
<div th:fragment="copy">
    <div id="top5" class="clearfix">
        <a href="index.html" id="logo">
            <img th:src="@{/images/ithome.logo.svg}" alt="IT之家">
        </a>
        <div class="col">
            <div>
                <a href="/information" target="_blank">业界</a>
            </div>
            <div>
                <a href="#" target="_blank">软件</a>
            </div>
        </div>
        <div class="col">
            <div>
                <a href="#" target="_blank" class="bold">手机</a>
            </div>
            <div>
                <a href="#" target="_blank" class="bold">数码</a>
            </div>
        </div>
        <div class="col">
            <div>
                <a href="#" target="_blank">电脑</a>
            </div>
            <div>
                <a href="#" target="_blank">学院</a>
            </div>
        </div>
        <div class="col">
            <div>
                <a href="#" target="_blank" class="bold">测评</a>
            </div>
            <div>
                <a href="#" target="_blank" class="bold">图赏</a>
            </div>
        </div>
        <div class="col">
            <div>
                <a href="#" target="_blank">视频</a>
            </div>
            <div>
                <a href="#" target="_blank">游戏</a>
            </div>
        </div>
        <div class="col">
            <div>
                <a href="#" target="_blank" class="bold">原创</a>
            </div>
            <div>
                <a href="#" target="_blank" class="bold">直播</a>
            </div>
        </div>
        <div class="col">
            <div>
                <a href="#" target="_blank">&nbsp;AI</a>
            </div>
            <div>
                <a href="#" target="_blank">5G</a>
            </div>
        </div>
        <div class="col">
            <div>
                <a href="#" target="_blank">苹果</a>
            </div>
            <div>
                <a href="#" target="_blank">微软</a>
            </div>
        </div>
        <div class="col last">
            <div>
                <a href="#" target="_blank">iPhone</a>
            </div>
            <div>
                <a href="#" target="_blank">Win10</a>
            </div>
        </div>
        <div class="ui search">
            <div class="ui icon input">
                <input id="searchInput" class="prompt" type="text" placeholder="搜索">
            <i id="search" class="search icon" style="pointer-events: all;"></i>
            </div>
            <div class="results"></div>
        </div>

    </div>
    <script>
        $(function(){
            $(document).keydown(function(event){
                if(event.keyCode==13){
                    $("#search").click();
                }
            });})

     $("#search").click(function () {
    alert($("#searchInput").val());
             })
    </script>
</div>
</body>
</html>